<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
   图片标签用于向当前页面中引入一个外部图片
    使用img标签来引入外部图片，img标签是一个自结束标签
    img这种元素属于替换元素（介于块和行内元素之间，具有两种元素的特点）
    属性：
        src 属性指定的是外部图片的路径（路径规则和超链接是一样的）
        alt 图片的描述，这个描述默认情况下不会显示，有些浏览器在无法加载时显示，
        搜索引擎会根据alt中的内容来识别图片，如果不写alt属性则图片不会被搜索引擎搜索到
        width 图片的宽度（单位是像素）
        height 图片的高度
           宽度和高度中如果只需要修改一个，则另外一个会等比例缩放
         注意：
              一般情况在pc端，不建议修改图片的大小，需要多大的图片就裁剪多大
              但是在移动端，经常需要对图片进行缩放
         图片格式：
           jpeg（jpg）
               -支持的颜色比较丰富，不支持透明效果，不支持动图
               -一般用来显示图片
            gif
                -支持颜色表较少，支持透明效果，支持动图
                -颜色单一的图片，动图
             png
                 -支撑的颜色丰富，支持复杂透明，不支持动图
                 -颜色丰富，复杂透明图片（专为网页而生）
              webp

              使用诀窍：
              效果一样，用小的
              效果不一样，使用效果好的
-->
  <img src="../jQuery/201303.jpg" alt="卫星地图">
</body>
</html>